@charset "utf-8";

/* CSS Document */

/** 清除内外边距 **/

body, h1, h2, h3, h4, h5, h6, hr, p,blockquote, dl, dt, dd, ul, ol, li, pre,form, fieldset, legend, button, input, textarea,th, td, img,.header{

border:medium none;

margin: 0;

padding: 0;



}

table

    {

       border-collapse:collapse;

    }

    td

    {

       height:20px;

       border:1px solid #ccc;

    }



h1, h2, h3, h4, h5, h6 { font-size: 100%; }

em{font-style:normal;}

ul, ol { list-style: none; }

img{ border:0px;}

table { border-collapse: collapse; border-spacing: 0; }

.intro{ width:100%; text-align:center; line-height:33px; display:block;}

a{ color:#5b5b5b; cursor:pointer; text-decoration:none; transition: all 0.2s linear 0s;}

a:hvoer{ color:#b77e40;}

.formmcys{ float:left;}

/*******CSS reset*************/

table

    {

       border-collapse:collapse;

    }

    td

    {

       height:20px;

      

    }

body{background:url(body.jpg) top repeat-x #f0f0f0; font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;}

.f12{font-size:12px;}

.f16{font-size:16px;}

.bold{font-weight:bold;}

.white{color:#fff;}

.left{float:left;}

.right{float:right;}

.t_r{text-align:right;}

.clear{clear:both;}

.relative{position:relative;}

.absolute{position:absolute;}

.rel_center{position:relative;left:50%;}

.hidden{display:none;}

.box{ width:1200px; margin:0 auto;}



.search input::-webkit-input-placeholder {color: #919191 !important; /* WebKit browsers */}

.search input:-moz-placeholder {color: #919191 !important; /* Mozilla Firefox 4 to 18 */}

.search input::-moz-placeholder {color: #919191 !important; /* Mozilla Firefox 19+ */}

.search input:-ms-input-placeholder {color: #919191 !important; /* Internet Explorer 10+ */}



/********************************/

.header{ width:1200px; margin:0 auto;}

.line{ height:37px; width:100%;}

.line span{ line-height:37px; color:#8f8f8f; font-size:14px; display:inline-block; float:left;}

.lineR{ width:220px; line-height:37px; float:right; color:#84a9e6;}

.lineR a{ color:#a1a1a1; line-height:37px; display:inline-block; margin:0 10px;}

.lineR a:hover{ color:#666666;}

.lineR a.message{ text-indent:20px;  background:url(topInter.jpg) left center no-repeat;}



.header h1{ background:url(logo.png); height:77px; width:635px; text-indent:-9999px; float:left; margin:25px 0 0 -10px;}
.header em{ margin-left:200px;}

.tel{ background:url(tel.jpg) left center no-repeat; height:80px; padding:0 0 0 65px; float:right; margin:10px 0 0 0;}

.tel span{ font-size:14px; color:#505050; display:block; line-height:25px;}

.tel h3{ color:#383838; font-size:24px; display:block; font-weight:bold;}



.nav{ background:url(nav.jpg) top repeat-x; margin:20px 0 0 0; height:53px; width:100%; float:left; clear:both;}

.navCon{ width:1200px; margin:0 auto;}

.navCon li{ background:url(interval.jpg) right center no-repeat; float:left; height:53px; width:150px;}

.navCon li.last{ background:none;}

.navCon li a{ line-height:53px; display:block; text-align:center; font-size:14px; color:#fff;}

.navCon li a:hover{ background:#e21a2d;}



/*
.banner{  height:507px; width:100%; float:left; clear:both;}
*/


.fastLine{ height:60px; background:#fff; width:100%; border-bottom:1px solid #d2d2d2; float:left; clear:both;}

.fastLineCon{ width:1200px; margin:0 auto;}

.fastLink{ float:left;}

.fastLink span{ font-size:14px; display:inline-block; line-height:60px; font-weight:bold; margin:0 10px 0 0;}

.fastLink a{ color:#cbcbcb; display:inline-block; padding:0 15px; line-height:60px; font-weight:400;}

.fastLink a:hover{ color:#f20920;}



.input{ height:32px; width:210px; line-height:32px; float:left; color:#b7b7b7; font-size:14px; margin:0 0 0 20px;}

.but{ float:left; margin:5px 0 0 2px;}



.search{ height:32px; width:270px; float:right; margin:10px 0 0 0; border-radius:15px; border:1px solid #c9c9c9;}






/*banner*/
.banner {
	POSITION: relative; MIN-WIDTH: 1000px; WIDTH: 100%; HEIGHT:510px; CLEAR: both
}
.banner_box {
	POSITION: relative; WIDTH: 100%; HEIGHT: 300px
}
.banner_box LI {
	POSITION: absolute; FILTER: alpha(opacity=0); WIDTH: 100%; FLOAT: left; HEIGHT: 510px; TOP: 0px; LEFT: 0px; opacity: 0
}
.banner_box LI A {
	WIDTH: 100%; DISPLAY: block; HEIGHT: 100%
}
.banner_box LI IMG {
	WIDTH: 100%; HEIGHT: 300px
}
.ban IMG {
	WIDTH: 100%; HEIGHT: 200px
}
.cir_box {
	Z-INDEX: 100; POSITION: absolute; OVERFLOW: hidden
}
.cir_box LI {
	FILTER: alpha(opacity=80); MARGIN: 0px 5px; WIDTH: 12px; BACKGROUND: #fff; FLOAT: left; HEIGHT: 12px; CURSOR: pointer; opacity: 0.8; border-radius: 50%
}
.cir_on {
	BACKGROUND: #0144a7
}
.lubo_btn {
	POSITION: absolute; WIDTH: 100%; TOP: 140px
}
.left_btn {
	TEXT-ALIGN: center; FILTER: alpha(opacity=80); LINE-HEIGHT: 80px; WIDTH: 30px; BACKGROUND: #000; HEIGHT: 80px; COLOR: #fff; FONT-SIZE: 30px; CURSOR: pointer; opacity: 0.8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
}
.right_btn {
	TEXT-ALIGN: center; FILTER: alpha(opacity=80); LINE-HEIGHT: 80px; WIDTH: 30px; BACKGROUND: #000; HEIGHT: 80px; COLOR: #fff; FONT-SIZE: 30px; CURSOR: pointer; opacity: 0.8; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none
}
.left_btn {
	FLOAT: left
}
.right_btn {
	FLOAT: right
}

/*banner*/


.indexPro{ padding:50px 0; width:100%; float:left; clear:both;}

.sideBar{ width:260px; float:left;}

.sideTop{ background:url(proTop.png); height:80px; width:100%;}

.sideTop span{ color:#fff; font-size:20px; font-weight:400; display:block; text-indent:35px; padding:18px 0 0 0;}

.sideTop small{ color:#a7b6d9; font-size:12px; display:block; text-indent:35px; line-height:25px;}

.sideCon{ background:#ffffff; height:auto!important; overflow:hidden!important; min-height:560px; overflow:visible;  padding:15px 0; border:1px solid #c6c6c6;}

.sideCon li{ height:50px; border-bottom:1px solid #d2d2d2; width:100%;}

.sideCon li a{ background:url(jia.jpg) 220px 15px no-repeat; line-height:50px; text-indent:20px; font-weight:bold; color:#616161; font-size:14px; display:block;}

.sideCon li a:hover{ background:url(jiaHover.jpg) 220px 15px no-repeat; color:#e21a2d;}



.sideCon a.more{ width:125px; height:30px; text-align:center; line-height:30px; border:1px solid #ff8a00; font-size:14px;}

.sideCon a.more:hover{ background:#ff8a00; color:#fff;}



.i_pro{ width:910px; float:right;}

.i_biaoti{ height:55px; width:100%;}

.i_biaoti span{ height:55px; line-height:55px; font-weight:bold; color:#242424; display:block; font-size:32px; float:left;}

.i_biaoti small{ display:block; height:55px; font-size:16px; line-height:70px; float:left; margin:0 0 0 10px; color:#b3b3b3;}

.i_biaoti b{ color:#2e2e2e; font-size:14px; height:55px; line-height:70px; overflow:hidden; float:right;}

.i_biaoti em{ background:url(home.png) 0 26px no-repeat; height:55px; line-height:70px; color:#b3b3b3; display:block; float:right; padding:0 0 0 25px;}





.i_proCon{ padding:15px 0;}

.i_proCon li{ width:292px; height:300px; float:left; margin:10px 5px;}

.i_proCon li a{ width:290px; height:300px; display:block; font-size:16px; line-height:35px; padding:1px; background:#818181; color:#fff;}


.i_proCon li span{ text-indent:15px; background:url(proLi.png) 255px 15px no-repeat; display:block; line-height:50px;}

.i_proCon li a:hover{ background:#e21a2d; color:#fff;}


.i_productCon{ padding:15px 0;}

.i_productCon li{ width:292px; height:350px; float:left; margin:10px 5px;}

.i_productCon li a{ width:292px; height:350px; display:block; font-size:16px; line-height:35px;background:#818181; color:#fff;}

.i_productCon li span{ text-indent:15px; background:url(proLi.png) 255px 15px no-repeat; display:block; line-height:50px;}

.i_productCon li a:hover{ background:#e21a2d; color:#fff;}



.i_about{ background:url(company.jpg) top center no-repeat; padding:80px 0; height:465px; width:100%; float:left; clear:both;}

.i_aboutCon{ width:1200px; margin:0 auto;}

.i_aboutNr{ width:820px; float:left;}

.i_aTitle{ background:#fff; height:50px; width:100%; margin:0 0 60px 0;}

.i_aTitle span{ background:#e21a2d; width:265px; display:block; float:left; padding:0 0 0 25px;}

.i_aTitle small{ color:#f2f2f2; font-size:20px; font-weight:bold; display:block; line-height:50px; float:left;}

.i_aTitle b{ font-size:14px; color:#f2f2f2; height:50px; line-height:60px; padding:0 10px; font-weight:100; overflow:hidden; display:block;}

.i_aTitle a{ color:#2c2c2c; float:right; font-size:14px; margin:15px 10px 0 0; display:block;}



.i_aboutPic{ border:1px solid #716f6e; padding:10px; float:left;}

.i_aboutDetail{ width:410px; float:right;}

.i_aboutDetail h3{ color:#fff; display:block; font-size:24px; font-weight:bold;}

.i_aboutDetail p{ padding:20px 0; line-height:28px; color:#bbbbbb; font-size:14px;}



.i_aboutA { width:410px; float:right;}

.i_aboutA a{ height:45px; line-height:45px; text-align:center; width:135px; display:inline-block; margin:0 15px 0 0; font-size:16px; background:#0aa1e0; color:#fff;}

.i_aboutA a:hover{ background:#e21a2d;}





.i_contact{ width:360px; float:right; background:#f2f2f2; height:405px;}

.i_conTitle{ height:50px; width:100%; color:#fff;  background:#0aa1e0;}

.i_conTitle span{ font-size:20px; display:block; line-height:50px; float:left; padding:0 15px;}

.i_conTitle small{  font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}

.i_conTitle a{color:#fff; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}

.i_conTitle a:hover{ color:#f2f04e;}



.i_conDetail{ padding:10px 25px;}

.i_conDetail li{ height:45px; line-height:45px; border-bottom:1px dashed #bababa; width:100%; text-indent:35px; color:#262626; font-size:14px;}

.i_conDetail li.c_1{ background:url(l_1.png) 0 10px no-repeat;}

.i_conDetail li.c_2{ background:url(l_2.png) 0 10px no-repeat;}

.i_conDetail li.c_3{ background:url(l_3.png) 0 10px no-repeat;}

.i_conDetail li.c_4{ background:url(l_4.png) 0 10px no-repeat;}

.i_conDetail li a{color:#262626;}

.i_conDetail li a:hover{ color:#1752ad;}


.i_ys{ background:#fff; padding:50px 0; width:100%; height:auto!important; overflow:hidden!important; overflow:visible;}

.i_ysCon{ width:1200px; margin:0 auto;}

.i_ysTitle{ width:100%; font-weight:bold;}

.i_ysTitle span{ color:#0066b4; font-size:40px; display:block; text-align:center; border-bottom:1px solid #c3c3c3; height:100px; line-height:100px;}

.i_ysTitle small{ background:url(red.jpg) top center no-repeat; height:75px; line-height:75px; text-align:center; color:#383838; display:block;}



.i_ysDetail{ background:url(ys.jpg); width:100%; height:595px;}

.i_ysDetail li{ width:300px; height:595px; float:left;}

.i_ysNr{ width:260px; height:260px; color:#fff; padding:20px;}

.i_ysNr h3{ font-size:50px; display:block; text-align:right; line-height:60px; font-weight:100;}

.i_ysNr span{ font-size:20px; font-weight:bold; display:block; margin:15px 0 0 0; line-height:40px; line-height:30px;}

.i_ysNr p{ padding:10px 0; line-height:30px; color:#fff;filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}









.i_news{ background:url(news.jpg) top center no-repeat; height:690px;}

.i_newsCon{ width:1200px; margin:0 auto;}

.i_newsTitle{ width:100%; text-align:center; padding:15px 0;}

.i_newsTitle small{ color:#303030; font-size:16px; display:block; line-height:40px;}

.i_newsTitle h4{ color:#1752ad; font-size:40px; display:block; font-weight:bold; padding:15px 0;}

.i_newsTitle span{ display:block; color:#898989; font-size:14px; line-height:30px;}

.i_newsModule{ width:580px; height:410px; background:#fff;}

.i_newsBiaoti{ height:50px; width:100%; background:#1752ad; color:#e8eaee;}

.i_newsBiaoti span{ font-size:20px; display:block; font-weight:bold; line-height:50px; float:left; padding:0 15px;}

.i_newsBiaoti small{  font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}

.i_newsBiaoti a{color:#fff; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}

.i_newsBiaoti a:hover{ color:#f2f04e;}











.i_newsDetail{ padding:15px 0; width:100%; height:95px;}

.i_newsDetail li{ width:98%; float:left; margin:0 15px 15px;}

.i_newsTime{ background:#1c60d1; margin:8px 0 0 0; height:42px; width:52px; float:left; font-size:12px; text-align:center; padding:10px 5px; color:#fff;}

.i_newsTime span{ border-bottom:1px solid #618fdf; display:block; font-size:30px; padding:0 0 5px 0;}



.i_newsNr{ width:84%; float:right; margin:0 15px 0 0;}

.i_nSpan{ color:#222222; width:100%; line-height:30px; font-size:16px;}

.i_newsNr p{ height:75px; width:100%; color:#848484; font-size:14px; line-height:20px;}

.i_nMore{ color:#848484; width:100%; margin:15px 0 0 0; font-size:12px;}



.i_newsDetail li a{ display:block; width:100%;}

.i_newsDetail li a:hover .i_nSpan{ color:#017cba;} 

.i_newsDetail li a:hover .i_nMore{ color:#017cba;} 



.middle{ width:100%; float:left; clear:both; padding:50px 0;background:#FFF;}

.midLeft{ width:260px; float:left;}

.midRight{ width:910px; float:right;}

.s_lxwm{ width:100%; margin:20px 0 0 0; float:left; clear:both; background:#f5f5f5;}

.s_lxwm ul{ padding:15px; line-height:25px; font-size:16px; color:#8a8a8a; line-height:30px; border:1px solid #d2d2d2;}



.content{ padding:20px 0; width:100%; line-height:35px; font-size:18px; color:#8a8a8a;}



.zy_news h3.biaoti{ width:100%; display:block; color:#137e1d; font-size:20px; font-weight:bold; line-height:35px;}

.meta{ border-bottom:1px solid #ebecf1; height:45px; width:100%;font-size:14px;}

.meta span{ display:block; float:left; height:45px; color:#999999; line-height:45px;}

.meta small{ display:block; float:right; margin:10px 0 0 0;}

.inside_page{ padding:30px 0; line-height:30px; color:#8a8a8a; font-size:16px;}





.module{ padding:65px 0; width:100%; background:#fff; height:auto!important; overflow:hidden!important; overflow:visible;}

.moduleCon{ width:1200px; margin:0 auto;}

.moduleBiaoti{ height:50px; width:100%; color:#242424; margin:0 0 30px 0;}

.moduleBiaoti span{ font-size:20px; display:block; font-weight:bold; line-height:50px; float:left; padding:0 15px;}

.moduleBiaoti small{  font-size:14px; height:50px; line-height:60px; overflow:hidden; float:left; display:block;}

.moduleBiaoti a{color:#242424; display:block; float:right; font-size:14px; margin:15px 15px 0 0;}

.moduleBiaoti a:hover{ color:#1752ad;}



.i_case{ width:600px;}

.i_case li{ width:282px; float:left; margin:10px 5px;}

.i_case li a{ width:280px; padding:1px; display:block; height:220px;  background:#959595; line-height:25px; text-align:center; color:#fff;}

.i_case li a:hover{ background:#1752ad;}















#newsContent{ line-height:30px; font-size:16px;}

#newsContent strong{ margin:0 0 5px 0; display:inline-block;}

#infoImage{ width:100%; text-align:center; padding:20px 0;}

	#productTitle{ width:100%; line-height:50px; text-align:center; color:#4d87e9; font-size:26px; -webkit-padding-start:0px; text-indent:0px; border-bottom:1px dashed #ccc; padding:0 0 10px 0;}

	.newsTime{ width:100%; display:block; font-size:12px; color:#0e77d1; text-align:center; line-height:30px; margin:10px 0 0 0; font-size:18px;}

	.xxsmys{

		margin: 30px 0 20px 0px;

		width: 100%;

		height: 40px;

		background: #f2f2f2;

		float: left;

		}

	.xxsmwz{

		display:inline-block;

		padding:0 40px;

		height:100%;

		border-right:1px solid #fff;

		background:#4d87e9;

		color:#fff;

		line-height:40px;

		font-family:Microsoft YaHei;

		font-size:14px;

		}

	.xxsmys a{ padding:0 15px; float:right; line-height:30px; background:#bb1f25; color:#fff; border-left:20px solid #fff;}

	.xxsmys a:hover{ background:#cb0010;}

	#prev_next{ width:100%; padding:30px 0;}

	#prev_next ul{ list-style:none;-webkit-padding-start:0px;}

	#prev_next li{ width:100%; min-height:30px;background:#f7f7f7; color:#414141; line-height:30px; margin:10px 0; text-indent:15px;}

	#prev_next li a{  background:#f2f2f2; color:#414141; line-height:30px;}

	#prev_next li a:hover{ color:#137e1d;}



/***************footer*************/



/***********************************************/

.end{ height:235px; width:100%; background:#1e1e1e; float:left; clear:both; padding:40px 0 0 0;}

.footer{ width:1200px; margin:0 auto;}

.footerNav{  float:left;}

.footerNav li{ background:url(../Image/footerLine.png) top right repeat-y; width:175px; float:left;}

.footerNav li a.biaoti{ font-size:14px; display:block; color:#cdcdcd; display:block; text-align:center; margin:0 0 15px 0;}

.footerNav li a{ font-size:12px; color:#505050; display:block; text-align:center; line-height:25px;}

.footerNav li.first{ width:120px;}

.footerNav li.first a.biaoti{ text-align:left;}

.footerNav li.first a{ text-align:left;}

.footerNav li a:hover{ color:#d6d6d6; }



.footerNav li.f_partner a{ text-align:left; text-indent:40px;}



.footerIntro{ width:100%; float:left; margin:20px 0 0 0; clear:both; color:#646464; font-size:14px;}

.footerIntro a{ float:right; margin:0 3px;}

.footerIntro a:hover{ color:#d6d6d6;}



.footerTel{ width:240px; float:right; color:#5c5c5c;}

.footerTel span{ color:#dfdfdf; display:block; font-size:16px; width:100%;}

.footerTel h3{ display:block; font-size:28px; color:#3096df; margin:6px 0;}

.footerLine{ border-top:1px solid #404040; width:100%; padding:20px 0 0 0; margin:20px 0 0 0;}

.footerLine a{ height:55px; width:55px; display:block; margin:0 10px 0 0; float:left;}

.footerLine a.weixin{ background:url(f_w.png) center center no-repeat #353535;}

.footerLine a.qq{ background:url(f_q.png) center center no-repeat #353535;}

.footerLine a.email{ background:url(f_e.png) center center no-repeat #353535;}



.footerLine a.weixin:hover{ background:url(f_w_h.png) center center no-repeat #353535;}

.footerLine a.qq:hover{ background:url(f_q_h.png) center center no-repeat #353535;}

.footerLine a.email:hover{ background:url(f_e_h.png) center center no-repeat #353535;}








/*title 标题-右侧*/
.title {
	OVERFLOW: hidden; HEIGHT: 40px; BACKGROUND: url(t1.gif) repeat-x; BORDER-BOTTOM: #e7e7e7 1px solid; POSITION: relative
}
.title .tit_tx {
	BACKGROUND: url(icon1.gif) no-repeat 26px 10px; FLOAT: left; COLOR: #034091; FONT: bold 18px/38px "Microsoft Yahei"; PADDING-LEFT: 42px
}
.title .tit_tx A {
	COLOR: #034091; line-height:38px
}
.title I {
	FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 11px; PADDING-LEFT: 0px; PADDING-RIGHT: 16px
}
.title I A {
	COLOR: #999
}
/*title 标题-右侧*/

/*首页 link-开始*/
.link {
	BORDER-TOP: #eaeaea 1px solid; BORDER-RIGHT: #eaeaea 1px solid; BORDER-BOTTOM: #eaeaea 1px solid; POSITION: relative; BORDER-LEFT: #eaeaea 1px solid; MARGIN-TOP: 18px
}
.link .title I {
	PADDING-BOTTOM: 0px; PADDING-TOP: 0px; FONT: 14px/40px "Microsoft Yahei"; PADDING-LEFT: 0px; PADDING-RIGHT: 10px
}
.link .title I A {
	COLOR: #3a3a3a
}
.link_cont {
	HEIGHT: 60px; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 18px; FONT: 14px/26px "Microsoft Yahei"; PADDING-LEFT: 8px; PADDING-RIGHT: 0px; text-align:left
}
.link_cont A {
	WHITE-SPACE: nowrap; COLOR: #666; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; PADDING-LEFT: 8px; DISPLAY: inline-block; PADDING-RIGHT: 8px
}
/*首页 link-结束*/

/*幻灯片*/

#solid{

	width:100%;

	height:560px;

	clear:both;

	margin-top:10px;

	position:relative;

}

#solid .solid0,#solid .solid1,#solid .solid2{

	position:absolute;

	left:0px;

	top:0px;

	width:100%;

	height:498px;

	display:none;

}



#solid ul{

	margin:0px;

	padding:0px;

	list-style:none;	

}

#solid ul li{

	position:absolute;

	top:0px;

	width:1200px;

	height:560px;

	display:none;

	cursor:pointer;

}

#solid #btt{

	width:100%;

	height:55px;

	top:510px;

	left:50%;

	position:relative;

	margin-left:-53%;

}

#solid #btt span{

	position:absolute;

	top:15px;

	left:45%;

	display:block;

	width:30px;

	height:8px;

	margin:0 15px;	

	text-align:center;

	background:#137e1d;

	z-index:1000;

	cursor:pointer;

	filter:alpha(opacity=70); 

	-moz-opacity:0.7; 

	opacity:0.7;

}







#focus ul li .slideother p a{border:1px solid #fff; height:50px; width:150px; line-height:50px; text-align:center; color:#fff; position:absolute;top:130px; left:44%;}

#focus ul li .slideother p a:hover{color:#fff; background:#60534a; border:1px solid #60534a; text-decoration:none;}







#vivo-head .vivo-search{height:80px;width:100%;background:#202223;position:relative;z-index:9999;display:none;}



.vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);position:relative;z-index:9999;}

.vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;}

.vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#137e1d;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;}

.vivo-search .search-box button:hover{background:#443a34;}

.vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;}

.vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:8px;right:-40px;background:url(../Image/vivo-head-ico.gif) -86px 0 no-repeat;_background-image:url(../Image/vivo-head-ico.gif);}

.vivo-search .search-box a.close:hover{background-position:-86px -25px;}





.ss{ height:40px; line-height:40px; width:100%; background:#f3f3f3; margin:0 0 20px 0;}

.ss span{ background:#137e1d; height:40px; line-height:40px; text-align:center; padding:0 15px; font-size:14px; color:#fff; font-weight:100; margin:0 15px 0 0; display:inline-block;}





/**************************/

#page{padding:2px;margin:7px 0;font-family:"lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif;text-align:center; margin:60px 0; float:left; width:87%; line-height:25px; font-family:"Microsoft YaHei"; clear:both; }

#page a{ padding:8px 10px; margin:2px;color:#fff;background-color:#1f1d20;text-decoration:none;}

#page a:hover{ padding:8px 10px; margin:2px;color:#fff;background-color:#137e1d;}

#page a:active{padding:8px 10px; margin:2px;color:#fff;background-color:#137e1d;}

#page span.current{padding:8px 15px;margin:2px;color:#fff;background-color:#137e1d; font-weight:bold;}

#page span.disabled{display:none;}

/***- 原始/
#page{padding:2px;margin:7px 0;font-family:"lucida sans unicode", "lucida grande", lucidagrande, "lucida sans", geneva, verdana, sans-serif;text-align:center; margin:60px 0; float:left; width:87%; line-height:25px; font-family:"Microsoft YaHei"; clear:both; color:#fff;}

#page a{ padding:8px 10px; margin:2px;color:#fff;background-color:#1f1d20;text-decoration:none;}

#page a:hover{ padding:8px 10px; margin:2px;color:#fff;background-color:#137e1d;}

#page a:active{padding:8px 10px; margin:2px;color:#fff;background-color:#137e1d;}

#page span.current{padding:8px 15px;margin:2px;color:#fff;background-color:#137e1d; font-weight:bold;}

#page span.disabled{display:none;}
/***/


#prev_next{ width:100%; border-top:1px solid #ebecf1; padding:25px 0; float:left; clear:both;}

#prev_next li{ height: 35px; line-height: 35px; width: 100%;}

#prev_next li a:hover{ color:#0087c7;}



.lxwmDetail{ width:480px; float:left; margin:15px 0 0 0; font-size:16px; line-height:30px;}



/****************************** Icon Sprite ******************************/



.index-news .list .mask a:after,

.news-maganize .popup .box a,

.about-globalization .label li i,

.about-history .desc .btn-switch a,

.about-history .dot li,

.about-history .desc li:after{background: none;background-image: url(../Image/icon.png);background-repeat: no-repeat;}



	.index-news{background: #fff;overflow: hidden;position: relative;}

.index-news .index-module-title{padding: 60px 0 30px;}

.index-news .list{position: relative;left: 50%;width: 3300px;height: 416px;margin-left: -1650px;overflow: hidden;}

.index-news .list .box{margin: 0 5px;padding: 50px 30px 60px 50px;overflow: hidden;box-sizing: border-box;border: 1px solid #ccc;border-radius: 10px;}

.index-news .list .mask{position: absolute;top: 0;left: 50%;width: 1920px;margin-left: -960px;}

.index-news .list .mask .item{position: absolute;top:1px;width: 410px;height:410px;}

.index-news .list .mask .item.left{left:0;margin-left:-18px;border-radius:0 10px 10px 0;}

.index-news .list .mask .item.right{right: 0;margin-right: 0px;border-radius: 10px 0 0 10px;}

.index-news .list .mask .item .opacity{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .1;filter: alpha(opacity=10);}

.index-news .list .mask .item a{position: absolute;top: 50%;width: 28px;height: 100px;margin-top: -50px;background: #333;border-radius: 5px;cursor: pointer;}

.index-news .list .mask .item a.prev{right: 12px;}

.index-news .list .mask .item a.next{left: 12px;}

.index-news .list .mask .item a:after{content: "";display: block;width: 12px;height: 22px;margin: 39px auto;}

.index-news .list .mask .item a.prev:after{background-position: -218px -64px;}

.index-news .list .mask .item a.next:after{background-position: -270px -64px;}



.index-news .list .text{float: left;width: 460px;margin-top: 67px;}

.index-news .list .text .date{margin-top: 50px;font-size: 24px;letter-spacing: 1px;}

.index-news .list .text h3{height: 25px;margin-top: 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

.index-news .list .text h3 a{line-height: 25px;font-size: 20px;color: #333;}

.index-news .list .text h3 a:hover{color: #d6000f;}

.index-news .list .text p{display: -webkit-box;height: 100px;line-height: 25px;margin-top: 18px;overflow: hidden;font-size: 14px;color: #888;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 4;}

.index-news .list .text .btn-view-more{display: block;width: 100px;line-height: 28px;margin-top: 26px;box-sizing: border-box;background: none;border: 1px solid #333;border-radius: 14px;color: #333;text-align: center;text-transform: uppercase;}

.index-news .list [class*="active"] + div .text .btn-view-more{background: #d6000f;border-color: #d6000f;color: #fff;}

.index-news .list .thumb{float: right;width: 500px;height: 294px;overflow: hidden;border: 5px solid #f3f3f3;}

.index-news .list .thumb img{display: block;width: 100%;-webkit-transition: all 2s;transition: all 2s;}

.index-news .list .thumb:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}



.case{ padding:20px 0;}

.case li{ height:135px; width:100%;}

.casePic{ width:180px; float:left;}

.case li span{ width:550px; display:block; line-height:25px; font-weight:bold; color:#333333; font-size:14px; float:left; margin:10px 0 0 10px;}

.case li p{ height:90px; width:550px; float:left; margin:10px 0 0 10px; line-height:25px; color:#333333; display:block;}


.product_font{width:auto;height:auto;font-size:14px;font-family:"宋体";color:rgb(35,35,35);}
.product_font img{display:block;max-width:870px;margin:auto;margin-bottom:10px;}
.product_font table{width:100% !important;height:auto;margin:10px 0px 10px;}
.product_font table tr td{text-align:center;padding:0px 3px;}
.product_font .table2 tr td{border:none;}
.product_font .table3 tr td{border:1px solid rgb(204,204,204);}


